<template>
    <div class="card-box">
        <slot name="header">
            <div class="header">
                <slot name="title">
                    <label class="title">
                        {{ props.title }}
                    </label>
                </slot>
                <slot name="titleSufix"></slot>
            </div>
        </slot>
        <slot></slot>
    </div>
</template>

<script lang="ts" setup>
const props = defineProps<{
    title?: string
}>();
</script>

<style scoped lang="scss">
.card-box {
    background: #ffffff;
    border-radius: 10px;
    padding: 16px 12px;
    .title {
        // font-family: PingFangSC-Medium;
        font-weight: 600;
        font-size: 16px;
        color: #333333;
    }
}
</style>


